.content{
    margin-bottom: 50px;
    .wrap{
        
        h1,h2{
            font-size: 32px;
            border-bottom: 1px solid darken(@my-white-color, 10%);
            margin: 0 0 15px 0;
            padding: 5px 0 10px;
            
            a{
                color: @text-color;
                &:hover{
                    text-decoration: none;
                    color: lighten(@text-color, 20%);
                }     
            }
            .underline{
                background: none repeat scroll 0 0 darken(@brand-primary, 10%);
                display: block;
                height: 4px;
                margin: 7px 0 -11px;
                width: 50px;
            }
        }
        .meta{
            color: @gray-light;
            margin-bottom: 20px;
            font-size: @font-size-small;
            
            .meta-wrap{
                display: inline-block;
                margin-right: 3px;
                padding: 5px 10px;
                background: none repeat scroll 0 0 darken(@my-white-color, 5%);
                i{
                    margin-right: 4px;
                }
                a{
                    color: @gray-light;
                }
            }
        }
        
        .box{
            /*---------- hehe - image ---------------*/
            .image-frame{
                overflow: hidden;
                text-align: center;
                img{
                    margin: 0 auto -30px;
                }
            }
            
            /*---------- hehe - video ---------------*/
            .youtube-container {
                height: 0;
                overflow: hidden;
                padding-bottom: 56.25%;
                padding-top: 30px;
                position: relative;
                
                iframe, 
                object, 
                embed {
                    height: 100%;
                    left: 0;
                    position: absolute;
                    top: 0;
                    width: 100%;
                }
                
            }
            .youtube-image{
                text-align: center;
            }
            
            /*---------- hehe - joke ---------------*/
            .joke-container {
                .joke-img{
                    float: left;
                    width: 140px;
                }
                .joke-desc{
                    margin-left: 140px;
                    font-size: 16px;
                    font-style: italic;
                    background: lighten(@gray-lighter, 5%);
                }
            }

            
        }
    }

}



